/**定义一个数据模型***/
Ext.define('JBPMEntity', {
			extend : 'Ext.data.Model',
			fields : [{
						name : 'id',
						type : 'int'
					}, {
						name : 'name',
						type : 'string'
					}, {
						name : 'processKey',
						type : 'string'
					}, {
						name : 'remark',
						type : 'string'
					}, {
						name : 'ctime',
						type : 'string'
					}]
		});

/**定义需要显示的列，从JSON中解析出来***/
Ext.define("JBPMEntity01",{
	extend : 'Ext.data.Model',
	fields : ['id', 'name', 'key', 'remark',
			'ctime'],
	idProperty : 'id'// 实体主键
});

var processWin;

/**定义数据源***/
var jbpmStore = new Ext.data.Store({
	model : 'JBPMEntity01',
	pageSize : 5,
	remoteSort : true,
	proxy : {
		type : 'ajax',
		url : 'processList.do',
		reader : {
			type : 'json',
			root : 'result',
			totalProperty : 'totalCount'
		},
		simpleSortMode : true
	}
});

/**加载数据源***/
jbpmStore.load({
	params : {
		start : 0,
		limit : 5
	}
});

/** **beforeload，往后台load数据之前带上参数***** */
jbpmStore.on('beforeload', function(userStore) {
			Ext.apply(jbpmStore.proxy.extraParams);
		});

/**定义grid***/
/** *定义pannel*** */
var jbpmGrid = new Ext.grid.GridPanel({
			id : 'clist-panel-grid',
			store : jbpmStore,
			selModel : selModel,
			columns : [{
						header : '编号',
						flex : 1,
						dataIndex : 'id'
					}, {
						header : '名字',
						flex : 1,
						dataIndex : 'name'
					}, {
						header : '创建时间',
						flex : 1,
						dataIndex : 'ctime'
					}, {
						header : '备注',
						flex : 1,
						dataIndex : 'remark'
					}],
			tbar : [{
						text : '添加流程',
						handler : function() {
							 processWin.show();
						}
					},{
						text : '添加流程',
						handler : function() {
							 processWin.show();
						}
					}],
			bbar : Ext.create('Ext.PagingToolbar', {
						pageSize : 1,
						store : jbpmStore,
						displayInfo : true,
						plugins : Ext.create('Ext.ux.ProgressBarPager', {})
					})
		});
	/** *定义panel来装载grid*** */
	var clist_panel = new Ext.Panel({
				id : 'clist_panel',
				title : '流程列表',
				frame : true,
				fieldDefaults : {
					msgTarget : 'side',
					labelWidth : 75
				},
				defaults : {
					anchor : '100%'
				},
				items : [jbpmGrid]
		});
	/** *定义一个变量保存这个panel*** */
	var p_jbpm = {
		border : false,
		layout : 'border',
		items : [clist_panel]
	}

